@import "base/min";

#top{
    width: 100%;
    height:233px;
    background:#ffd01b; 
    position: relative;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 1px rgba(170,170,170,1) ,0px 2px rgba(170,170,170,0.8),0px 3px rgba(170,170,170,0.6),0px 4px rgba(170,170,170,0.4);
}
#qrcodeImg{
  position: absolute;
  left: 50%;
  margin-left: -75px;
  top: 46px;


}
#position{
  position: absolute;
  text-align: center;
  line-height: 28px;
  height:28px;
  width:60%;
  background:#fffac7;
  padding: 2px 6px;
  color:#4b4646;
  font-size:16px;
  margin-left:20%;
  top: 6px;
  border-radius: 20px;
  position: relative;
  img:nth-of-type(1){
    width:16px;
    height:20px;
    position: absolute;
    top: 6px;
    left:20px;

  }
  img:nth-of-type(2){
    width:14px;
    height:7px;
    position: absolute;
    top: 11px;
    right:20px;

  }
  label{
    display:block;
    width:70%;
    margin-left:16%;
    white-space: nowrap;
    overflow: hidden;
    
  }

}
#msg{
    position: absolute;
    bottom: 7px;
    line-height:24px;
    width:100%;
    text-align:center;
    font-size: 14px;
    color: #231815;

}
#scanView{
    width:44%;
    margin-left: 28%;
    margin-top: 28px;
    position: relative;
    .line{
        position: absolute;
        top: 0px;
        width:90%;
        margin-left:5%;
        animation: myfirst  linear 1.5s infinite;
        >img{
          width:100%;
          //height:6px;
          z-index: 1;
        }
    }
     >img{
    width:100%;
    z-index: 10;
  }


}

p{
      text-align:center;
      font-size:28px;
      color:#231815;
      margin-top:16px;
    }

@keyframes myfirst
{
from {top: 0%;}
to  {top: 88%;}
}
.tips{
        text-align: center;
    font-size: 0.28rem;
    color: #231815;
    margin-top: 0.16rem;
}
#shopMarket{
       position: fixed;
    z-index: 99;
    width: 0.62rem;
    height: 0.62rem;
    bottom: 50px;
    right: 10px;
    color: #f44732;

    img{
        width:100%;
        z-index:0;
    }
    label{
        display:inline-block;
        position:absolute;
        z-index:9;
        text-align:center;
        width:100%;
        line-height:0.64rem;
    }

}


